<style type="text/css">
    .JD {
        color: #000;
        font-size: 9pt;
        font-family: "Microsoft YaHei", "微软雅黑" !important;
        width: 170mm;
        height: auto;
        margin: 0 auto;
    }

    .JD .header {
        font-size: 9pt;
        display: flex;
        width: 100%;
        /*text-align: right;*/
    }
    .JD .header div{
        flex-grow: 1;
        text-align: left;
    }
    .JD .header span{
        width: 40%;
        text-align: right;
    }

    .JD .table {
        border: 0.1mm solid #333;
        border-bottom: 0;
        float: left;
        width: 100%;
        height: auto;
        border-left: 0;
        overflow: hidden;
        position: relative;
    }

    .JD .line {
        float: left;
        width: 100%;
        height: 5.9mm;
        white-space: nowrap;
        border-bottom: 0.1mm solid #333;
    }

    .JD .item {
        float: left;
        height: 100%;
        white-space: nowrap;
        overflow: visible;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-left: 0.1mm solid #333;
    }

    .JD .name {
        float: left;
        height: 100%;
        overflow: visible;
        white-space: nowrap;
        line-height: 6mm;
    }

    .JD .value {
        float: left;
        height: 100%;
        line-height: 6mm;
        white-space: nowrap;
        overflow: visible;
    }

    .JD .decoration-column {
        position: relative;
        float: left;
        width: 55%;
        height: 60mm;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 0.1mm solid #333;
        border-left: 0.1mm solid #333;
    }

    .JD .decoration-line {
        height: 6mm;
        line-height: 6mm;
        white-space: nowrap;
        overflow: visible;
        border-bottom: 0.1mm solid #333;
    }

    .JD .relative-item {
        position: relative;
        background: #fff;
    }

    .JD .absolute-name {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 1.5em;
    }

    .JD .center {
        text-align: center;
    }

    .JD .my-checkbox {
        display: inline-block;
        border: 1px solid #cacaca;
        position: relative;
        width: 1em;
        height: 1em;
        margin: 0 2px -2px 0;
    }

    .JD .my-checkbox svg {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        width: 0.9em;
        height: 1em;
    }

    .JD .my-checkbox svg path {
        stroke: #000000;
        stroke-width: 10px;
        stroke-linecap: round;
        stroke-linejoin: round;
        fill: none;
    }

    .JD .print-submit {
        cursor: pointer;
        color: #333;
        position: absolute;
        top: 5px;
        font-size: 1.5em;
        line-height: 1;
    }

    .JD .print-submit:hover {
        color: red;
    }
</style>

<div class="print-container" ng-show="false">
    <div class="JD">
        <div class="print-submit">打印</div>
        <div style="text-align:center;font-size:16pt">
            费用结算单
        </div>
        <div class="header">
            <div>
                <div class="my-checkbox">
                    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                        <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
                              style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0s;{{receipt.sales_channel.indexOf('retail')==-1?'display: none':''}}"></path>
                    </svg>
                </div>零售
                <div class="my-checkbox">
                    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                        <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
                              style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0s;{{receipt.sales_channel.indexOf('operation')==-1?'display: none':''}}"></path>
                    </svg>
                </div>营运
                <div class="my-checkbox">
                    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                        <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
                              style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0s;{{receipt.sales_channel.indexOf('sub_saler')==-1?'display: none':''}}"></path>
                    </svg>
                </div>二网
                
            </div>
            <span>结算单编号：{{receipt.sn}}</span>
        </div>
        <div class="table">
            <div class="line">
                <div class="item" style="width:25%;">
                    <span class="name" style="width:5em;">合同单号:</span>
                    <span class="value" style="width:calc(100% - 5em);">{{receipt.contract_sn}}</span>
                </div>
                <div class="item" style="width:50%;border-left:0;">
                    <span class="name" style="width:4em;">客户名:</span>
                    <span class="value" style="width:calc(100% - 4em);">{{receipt.customer}}</span>
                </div>
                <div class="item" style="width:25%;border-left:0;">
                    <span class="name" style="width:5em;">联系方式:</span>
                    <span class="value" style="width:calc(100% - 5em);">{{receipt.phone}}</span>
                </div>
            </div>
            <div class="line">
                <div class="item" style="width:38%">
                    <span class="name" style="width:3em;">车型:</span>
                    <span class="value" style="width:calc(100% - 3em);">
                        {{receipt.brand}},{{receipt.model}},{{receipt.version}}
                    </span>
                </div>
                <div class="item" style="width:10%">
                    <span class="name" style="width:3em;">车色:</span>
                    <span class="value" style="width:calc(100% - 3em);">{{receipt.color}}</span>
                </div>
                <div class="item" style="width:12%">
                    <span class="value" style="width:3em;">加装费</span>
                    <span class="value" style="width:calc(100% - 3em);">{{receipt.color_amount}}</span>
                </div>
                <div class="item" style="width:10%">
                    <span class="name" style="width:3em;">内饰:</span>
                    <span class="value" style="width:calc(100% - 3em);">{{receipt.interior}}</span>
                </div>
                <div class="item" style="width:30%">
                    <span class="name" style="width:4em;">车架号:</span>
                    <span class="value" style="width:calc(100% - 4em);">{{receipt.vin}}</span>
                </div>
            </div>
            <div class="line center">
                <div class="item" style="width:70%;">
                    <span class="name" style="width:100%;">费用明细</span>
                </div>
                <div class="item" style="width:15%;">
                    <span class="name" style="width:100%;">预算价</span>
                </div>
                <div class="item" style="width:15%;">
                    <span class="name" style="width:100%;">实际结算价</span>
                </div>
            </div>
            <div class="line">
                <div class="item" style="width:70%;">
                    <span class="name">整车价格：标准价（</span>
                    <span class="value center" style="min-width:6em;">{{( receipt.msrp || 0 ) * 1
                    + ( receipt.color_amount || 0 ) * 1 }}</span>
                    <span class="name">）元</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.bgt_amount}}</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.fnl_amount}}</span>
                </div>
            </div>
            <div class="line">
                <div class="item" style="width:55%;">
                    <span class="name">金融单位：</span>
                    <span class="value">{{receipt.loan_company}}</span>
                </div>
                <div class="item" style="width:15%;">
                    <span class="name center" style="width:100%;">首付款</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.down_payment}}</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.fnl_down_payment}}</span>
                </div>
            </div>
            <div class="line">
                <div class="item" style="width:55%;">
                    <span class="name">贷款：</span>
                    <span class="value center" style="min-width: 6em;">{{receipt.loan_years}}</span>
                    <span class="name">月</span>
                    <span style="float: right; padding-right: 4.5pt">
                        <span class="name">车辆抵押费：</span>
                        <span class="value center" style="min-width:4em;">{{receipt.mortgage_amount}}</span>
                        <span class="name">元</span>
                    </span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="name" style="width: 100%;">贷款金额</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.loan_amount}}</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.fnl_loan_amount}}</span>
                </div>
            </div>
            <div class="line">
                <div class="item" style="width:55%;">
                    <span class="name">预估月供：</span>
                    <span class="value" style="min-width:4em;">{{receipt.loan_every_month_amount}}</span>
                    <span style="float: right; padding-right: 4.5pt">
                        <span class="name">贴息：</span>
                        <span class="value center" style="min-width:4em;">{{receipt.loan_subsidy_amount}}</span>
                        <span class="name">元</span>
                    </span>
                </div>
                <div class="item" style="width:15%;">
                    <span class="name center" style="width:100%;">服务费</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.loan_service_amount}}</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.fnl_loan_service_amount}}</span>
                </div>
            </div>
            <div class="line">
                <div class="item relative-item" style="width:55%;height:12mm;">
                    <span class="absolute-name">
                    <span style="font-size: 1.8em;color: red;float: left;padding-right: 2px;line-height: 1.1;padding-left: 5px;">*</span>代收代付</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="name" style="width:100%;text-align: left;">
                        <span style="font-size: 1.8em;color: red;float: left;padding-right: 2px;line-height: 1.5;padding-left: 5px;">*</span>
                        购置附加税
                    </span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.purchase_tax}}</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.fnl_purchase_tax}}</span>
                </div>
            </div>
            <div class="line">
                <div class="item" style="width:55%;">

                </div>
                <div class="item center" style="width:15%;">
                    <span class="name" style="width: 100%;">车辆牌证费</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.license_plate}}</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.fnl_license_plate}}</span>
                </div>
            </div>
            <div class="line">
                <div class="item center" style="width:55%;">
                    <span class="name" style="width: 100%;">代办服务</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="name" style="width: 100%;">代办服务费</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.service_amount}}</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.fnl_service_amount}}</span>
                </div>
            </div>
            <div class="line">
                <div class="item relative-item" style="width:55%;height:18mm;">
                    <div style="height:6mm;line-height:6mm;overflow:hidden;">
                        <span style="font-size: 1.8em;color: red;float: left;padding-right: 2px;line-height: 1.5;padding-left: 5px;">*</span>保险公司：{{receipt.insurance_company}}</span>
                    </div>
                    <div style="height:12mm;line-height:6mm;overflow:hidden; position: relative">
                        <span class="name" style="height:12mm;line-height:6mm;width: 100%;white-space: normal;">保险项目：{{receipt.insurance_item}}</span>
                        <span class="name"
                              style="height:6mm;line-height:6mm;overflow:hidden;position:absolute; right: 9pt; bottom: 0">
                        合计商业险（{{
                        receipt.insurance_item.indexOf(',') > 0
                        ?(receipt.insurance_item.indexOf('交强险')!=-1
                            ?receipt.insurance_item.split(',').length - 2
                            :receipt.insurance_item.split(',').length
                         )
                        :0
                        }}）项
                            <!-- 合计商业险{{receipt.insurance_item.indexOf(',') > 0?receipt.insurance_item.split(',').length - 1:0}}项 -->
                        </span>
                    </div>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="name" style="width: 100%;text-align: left;"><span style="font-size: 1.8em;color: red;float: left;padding-right: 2px;line-height: 1.5;padding-left: 5px;">*</span>第一年保险费</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.insurance_amount}}</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.fnl_insurance_amount}}</span>
                </div>
            </div>
            <div class="line">
                <div class="item" style="width:55%;"></div>
                <div class="item center" style="width:15%;">
                    <span class="name" style="width: 100%;">车船使用税</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.vehicle_use_tax}}</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.fnl_vehicle_use_tax}}</span>
                </div>
            </div>
            <div class="line">
                <div class="item" style="width:55%;"></div>
                <div class="item center" style="width:15%;">
                    <span class="name" style="width: 100%;">续保预收款</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.extended_insurance_amount}}</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.fnl_extended_insurance_amount}}</span>
                </div>
            </div>

            <div class="decoration-column">
                <div style="height:48mm;border-bottom:0.1mm solid #333;">
                    <div class="decoration-line" style="border-bottom:0;">
                        自费装潢项目：共（{{
                        (receipt.decoration_item_a ? 1 : 0)
                        + (receipt.decoration_item_b ? 1 : 0)
                        + (receipt.decoration_item_c ? 1 : 0)
                        + (receipt.decoration_item_d ? 1 : 0)
                        + (receipt.decoration_item_e ? 1 : 0)
                        + (receipt.decoration_item_f ? 1 : 0)
                        + (receipt.decoration_item_g ? 1 : 0)
                        + (receipt.decoration_item_h ? 1 : 0)
                        + (receipt.decoration_item_i ? 1 : 0)
                        + (receipt.decoration_item_j ? 1 : 0)
                        + (receipt.decoration_item_k ? 1 : 0)
                        + (receipt.decoration_item_l ? 1 : 0)
                        + (receipt.decoration_item_m ? 1 : 0)
                        + (receipt.decoration_item_n ? 1 : 0)
                        + (receipt.decoration_item_o ? 1 : 0)
                        }}）件，金额（{{receipt.decoration_fee}}）元
                    </div>
                    <div style="width:100%;border-bottom:0.1mm solid #333;">
                        <span style="padding-right:9pt;">{{receipt.decoration_item_a}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_item_b}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_item_c}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_item_d}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_item_e}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_item_f}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_item_g}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_item_h}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_item_i}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_item_j}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_item_k}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_item_l}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_item_m}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_item_n}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_item_o}}</span>
                    </div>
                    <div class="decoration-line" style="border-bottom:0;">
                        车价内已含装潢项目：共（{{
                        0
                        + (receipt.decoration_send_item_a ? 1 : 0)
                        + (receipt.decoration_send_item_b ? 1 : 0)
                        + (receipt.decoration_send_item_c ? 1 : 0)
                        + (receipt.decoration_send_item_d ? 1 : 0)
                        + (receipt.decoration_send_item_e ? 1 : 0)
                        + (receipt.decoration_send_item_f ? 1 : 0)
                        + (receipt.decoration_send_item_g ? 1 : 0)
                        + (receipt.decoration_send_item_h ? 1 : 0)
                        + (receipt.decoration_send_item_i ? 1 : 0)
                        + (receipt.decoration_send_item_j ? 1 : 0)
                        + (receipt.decoration_send_item_k ? 1 : 0)
                        + (receipt.decoration_send_item_l ? 1 : 0)
                        + (receipt.decoration_send_item_m ? 1 : 0)
                        + (receipt.decoration_send_item_n ? 1 : 0)
                        + (receipt.decoration_send_item_o ? 1 : 0)
                        }}）件，金额（{{receipt.decoration_send_fee}}）元
                    </div>
                    <div style="width:100%;border-bottom:0.1mm solid #333;">
                        <span style="padding-right:9pt;">{{receipt.decoration_send_item_a}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_send_item_b}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_send_item_c}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_send_item_d}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_send_item_e}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_send_item_f}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_send_item_g}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_send_item_h}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_send_item_i}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_send_item_j}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_send_item_k}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_send_item_l}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_send_item_m}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_send_item_n}}</span>
                        <span style="padding-right:9pt;">{{receipt.decoration_send_item_o}}</span>
                    </div>
                </div>
                <div class="decoration-line">
                    车价内已包含售后项目：{{receipt.after_sale_send_items}}， 金额：{{receipt.after_sale_send_total_price}}元
                </div>
                <div class="decoration-line" style="border-bottom:0;">
                    
                    <span><div class="my-checkbox">
                        <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                            <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
                                  style="stroke-dasharray: 126.37, 126.37;
                                  stroke-dashoffset: 0;
                                  transition: stroke-dashoffset 0.2s ease-in-out 0s;
                                  {{receipt.customer_source == 4?'':'display: none'}}">
                            </path>
                        </svg>
                    </div>基盘项目</span>

                    <span style="position: absolute; right: 0.5em">
                        <div class="my-checkbox">
                            <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                                <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
                                      style="stroke-dasharray: 126.37, 126.37;
                                  stroke-dashoffset: 0;
                                  transition: stroke-dashoffset 0.2s ease-in-out 0s;
                                  {{receipt.extra_item ?'':'display: none'}}">
                                </path>
                            </svg>
                        </div>其它项目</span>
                </div>
            </div>
            <div class="decoration-column" style="width:15%;">
                <span class="absolute-name" style="height:1.5em;width:6em;">装潢付费合计</span>
            </div>
            <div class="decoration-column" style="width:15%;">
                <span class="absolute-name center" style="height:1.5em;width:100%;">{{receipt.decoration_amount}}</span>
            </div>
            <div class="decoration-column" style="width:15%;">

            </div>
            <div class="line">
                <div class="item" style="width:55%;">
                    <span class="name">延长车辆质保期：</span>
                    <span ng-if="receipt.extended_service_years != '0'">
                        <span class="value min-4">{{receipt.extended_service_years}}</span>
                        <span class="name">年</span>
                    </span>
                    <span class="value min-4" ng-if="receipt.extended_service_years == '0'">无</span>
                    <span class="value min-4">&nbsp &nbsp &nbsp &nbsp {{receipt.extended_service_brand}}</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="name" style="width: 100%;">延保费用</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.extended_service_amount}}</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="value" style="width: 100%;">{{receipt.fnl_extended_service_amount}}</span>
                </div>
            </div>
            <div class="line">
                <div class="item relative-item" style="width:20%;height: 12mm;">
                    <span class="absolute-name" style="width: 4em;">其他</span>

                </div>
                <div class="item" style="width:20%;">
                    <span class="name" style="width: 100%;">项目1：轮胎险</span>
                </div>
                <div class="item" style="width:20%;">
                    <span class="name" style="width: 100%;">金额：{{receipt.tyre_insurance_price}}元</span>
                </div>
                <div class="item" style="width:20%;">
                    <span class="name" style="width: 100%;">项目2：</span>
                </div>
                <div class="item" style="width:20%;">
                    <span class="name" style="width: 100%;">金额：元</span>
                </div>
            </div>
            <div class="line">
                <div class="item" style="width:20%;">

                </div>
                <div class="item" style="width:20%;">
                    <span class="name" style="width: 100%;">项目3：</span>
                </div>
                <div class="item" style="width:20%;">
                    <span class="name" style="width: 100%;">金额：元</span>
                </div>
                <div class="item" style="width:20%;">
                    <span class="name" style="width: 100%;">项目4：</span>
                </div>
                <div class="item" style="width:20%;">
                    <span class="name" style="width: 100%;">金额：元</span>
                </div>
            </div>
            <div class="line">
                <div class="item" style="width:70%;">
                    <span class="name">收费合计：（
                    <div class="my-checkbox">
                        <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                            <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
                                  style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0s;{{receipt.pay_type.indexOf('xianjin')==-1?'display: none':''}}"></path>
                        </svg>
                    </div>现金
                    <div class="my-checkbox">
                        <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                            <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
                                  style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0s;{{receipt.pay_type.indexOf('zhipiao')==-1?'display: none':''}}"></path>
                        </svg>
                    </div>支票
                    <div class="my-checkbox">
                        <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                            <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
                                  style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0s;{{receipt.pay_type.indexOf('shuaka')==-1?'display: none':''}}"></path>
                        </svg>
                    </div>刷卡
                    <div class="my-checkbox">
                        <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                            <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
                                  style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0s;{{receipt.pay_type.indexOf('weixin')==-1?'display: none':''}}"></path>
                        </svg>
                    </div>微信
                    <div class="my-checkbox">
                        <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                            <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
                                  style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0s;{{receipt.pay_type.indexOf('zhifubao')==-1?'display: none':''}}"></path>
                        </svg>
                    </div>支付宝
                    <div class="my-checkbox">
                        <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                            <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
                                  style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0s;{{receipt.pay_type.indexOf('qita')==-1?'display: none':''}}"></path>
                        </svg>
                    </div>其它
                        ）</span>
                </div>
                <div class="item center" style="width:15%;">
                    {{
                    (receipt.loan_years&& receipt.loan_years != 0)
                    ?(
                    (receipt.down_payment || 0) * 1 + (receipt.loan_service_amount || 0) * 1
                    + (receipt.loan_subsidy_amount || 0) *1

                    + (receipt.purchase_tax || 0) * 1 + (receipt.license_plate || 0) * 1
                    + (receipt.service_amount || 0) * 1 + (receipt.insurance_amount || 0) * 1 + (receipt.vehicle_use_tax
                    || 0) * 1
                    + (receipt.extended_insurance_amount || 0) * 1 + (receipt.decoration_amount || 0) * 1
                    + (receipt.extended_service_amount || 0) * 1
                    + (receipt.mortgage_amount||0)*1
                    + (receipt.tyre_insurance_price||0)*1
                    - (receipt.replacement_amount || 0) * 1
                    ):(
                    (receipt.bgt_amount || 0) * 1 + (receipt.purchase_tax || 0) * 1 + (receipt.license_plate || 0) * 1
                    + (receipt.service_amount || 0) * 1 + (receipt.insurance_amount || 0) * 1 + (receipt.vehicle_use_tax
                    || 0) * 1
                    + (receipt.extended_insurance_amount || 0) * 1 + (receipt.decoration_amount || 0) * 1
                    + (receipt.extended_service_amount || 0) * 1
                    + (receipt.tyre_insurance_price||0)*1
                    - (receipt.replacement_amount || 0) * 1
                    )
                    }}
                </div>
                <div class="item center" style="width:15%;">

                </div>
            </div>
            <div class="line">
                <div class="item" style="width:60%">
                    <span class="name">结账应收/付款（
                    <div class="my-checkbox">
                        <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                            <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
                                  style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0s;{{receipt.further_pay_type !== 0?'display: none':''}}"></path>
                        </svg>
                    </div>退还
                    <div class="my-checkbox">
                        <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                            <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
                                  style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0s;{{receipt.further_pay_type !== 1?'display: none':''}}"></path>
                        </svg>
                    </div>补差
                           {{receipt.further_pay_amount}}
                        元）</span>
                    <span class="name" style="float: right; padding-right: 9pt">数量合计：{{receipt.count}}</span>
                </div>
                <div class="item center" style="width:20%;padding:0 4.5pt;">
                    <span class="name" style="width:4em;">总应收：</span>
                    <span class="value" style="width:calc(100% -4em);float:right;">{{
                        (receipt.count || 1)
                        * ( (
                                    (receipt.loan_years&& receipt.loan_years != 0)
                                    ?(
                                    (receipt.down_payment || 0) * 1 + (receipt.loan_service_amount || 0) * 1

                                    + (receipt.mortgage_amount || 0 ) * 1
                                    + (receipt.loan_subsidy_amount || 0 ) * 1
                                    + (receipt.purchase_tax || 0) * 1 + (receipt.license_plate || 0) * 1
                                    + (receipt.service_amount || 0) * 1 + (receipt.insurance_amount || 0) * 1 + (receipt.vehicle_use_tax || 0) * 1
                                    + (receipt.extended_insurance_amount || 0) * 1 + (receipt.decoration_amount || 0) * 1
                                    + (receipt.extended_service_amount || 0) * 1
                                    + (receipt.tyre_insurance_price||0)*1
                                    - (receipt.replacement_amount || 0) * 1
                                    ):(
                                    (receipt.bgt_amount || 0) * 1  + (receipt.purchase_tax || 0) * 1 + (receipt.license_plate || 0) * 1
                                    + (receipt.service_amount || 0) * 1 + (receipt.insurance_amount || 0) * 1 + (receipt.vehicle_use_tax || 0) * 1
                                    + (receipt.extended_insurance_amount || 0) * 1 + (receipt.decoration_amount || 0) * 1
                                    + (receipt.extended_service_amount || 0) * 1
                                    + (receipt.tyre_insurance_price||0)*1
                                    - (receipt.replacement_amount || 0) * 1
                                    )
                            ) || 0 )

                        + 1.0*
                        (receipt.further_pay_type
                            ?(receipt.further_pay_type*1 == 1
                                ? receipt.further_pay_amount
                                :(0 - receipt.further_pay_amount)
                              )
                            :0
                        )
                        }}元</span>
                </div>
                <div class="item center" style="width:20%;padding:0 4.5pt;">
                    <span class="name" style="width:4em;">总应付：</span>
                    <span class="value"
                          style="width:calc(100% -4em);float:right;">{{receipt.count_fnl_total_amount}}元</span>
                </div>
            </div>
            <div class="line">
                <div class="item">
                    <span class="name" style="color: #000;font-size: 1.4em;font-weight: bold;font-family: 'SimHei';">备注：
                        "<span style="color:red">*</span>"为代收代办服务项目，结算以最终发票价为准。</span>
                </div>
            </div>

            <div class="line">
                <div class="item" style="width:20%;">
                    <span class="name">百万身驾</span>
                </div>
                <div class="item center" style="width:20%;padding:0 4.5pt;">
                    <span class="name">主险：</span>
                    <span class="value" style="float:right;">{{receipt.million_insurance_amount}}元</span>
                </div>
                <div class="item center" style="width:20%;padding:0 4.5pt;">
                    <span class="name">每年：</span>
                    <span class="value" style="float:right;">{{receipt.million_insurance_year_amount}}元</span>
                </div>
                <div class="item center" style="width:20%;padding:0 4.5pt;">
                    <span class="name">附加险：</span>
                    <span class="value" style="float:right;">{{receipt.million_insurance_extra_amount}}元</span>
                </div>
                <div class="item center" style="width:20%;padding:0 4.5pt;">
                    <span class="name">年数：</span>
                    <span class="value" style="float:right;">{{receipt.million_insurance_years}}年</span>
                </div>
            </div>
            <div class="line">
                <div class="item" style="width:20%;">
                    <span class="name">置换信息</span>
                </div>
                <div class="item center" style="width:20%;padding:0 4.5pt;">
                    <span class="name">车型：</span>
                    <span class="value" style="float:right;">{{receipt.replacement_vehicle}}</span>
                </div>
                <div class="item w30 center" style="width:20%;padding:0 4.5pt;">
                    <span class="name">行驶里程：</span>
                    <span class="value" style="float:right;">{{receipt.replacement_miles}}公里</span>
                </div>
                <div class="item center" style="width:20%;padding:0 4.5pt;">
                    <span class="name">颜色：</span>
                    <span class="value" style="float:right;">{{receipt.replacement_color}}</span>
                </div>
                <div class="item center" style="width:20%;padding:0 4.5pt;">
                    <span class="name">评估价格：</span>
                    <span class="value" style="float:right;">{{receipt.replacement_price}}元</span>
                </div>
            </div>
            <div class="line">
                <div class="item center" style="width:20%;">
                    <span class="name" style="width: 100%;">总经理</span>
                </div>
                <div class="item center" style="width:20%;">
                    <span class="name" style="width: 100%;">财务经理</span>
                </div>
                <div class="item center" style="width:20%;">
                    <span class="name" style="width: 100%;">销售经理</span>
                </div>
                <div class="item center" style="width:20%;">
                    <span class="name" style="width: 100%;">销售客户经理</span>
                </div>
                <div class="item center" style="width:20%;">
                    <span class="name" style="width: 100%;">客户</span>
                </div>
            </div>
            <div class="line" style="height:12mm;">
                <div class="item" style="width:20%;">
                    <span class="name"></span>
                </div>
                <div class="item" style="width:20%;">
                    <span class="name"></span>
                </div>
                <div class="item" style="width:20%;">
                    <span class="name"></span>
                </div>
                <div class="item" style="width:20%;">
                    <span class="name"></span>
                </div>
                <div class="item" style="width:20%;">
                    <span class="name"></span>
                </div>
            </div>

            <div class="line">
                <div class="item relative-item" style="width:20%;height: 36mm;">
                    <span class="absolute-name" style="width: 4em;">付款记录</span>
                </div>
                <div class="item center" style="width:20%;">
                    <span class="name" style="width: 100%;">付款时间</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="name" style="width: 100%;">付款金额</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="name" style="width: 100%;">付款方式</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="name" style="width: 100%;">出纳签章</span>
                </div>
                <div class="item center" style="width:15%;">
                    <span class="name" style="width: 100%;">客户确认签字</span>
                </div>
            </div>
            <div class="line">
                <div class="item" style="width:20%;">
                </div>
                <div class="item center" style="width:20%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
            </div>
            <div class="line">
                <div class="item" style="width:20%;">
                </div>
                <div class="item center" style="width:20%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
            </div>
            <div class="line">
                <div class="item" style="width:20%;">
                </div>
                <div class="item center" style="width:20%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
            </div>
            <div class="line">
                <div class="item" style="width:20%;">
                </div>
                <div class="item center" style="width:20%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
            </div>
            <div class="line">
                <div class="item" style="width:20%;">
                </div>
                <div class="item center" style="width:20%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
                <div class="item center" style="width:15%;">
                </div>
            </div>
            <div style="position: absolute; margin: auto; left: -277px; right: 0; top: -606px; bottom: 0; font-size: 20em; color: #cacaca; width: 6em; height: 1.1em; letter-spacing: 0.3em; transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -webkit-transform: rotate(-60deg); -o-transform: rotate(-25deg); opacity: 0.5;
        {{(receipt.status != 9)?'display:none':''}}"> 已作废
            </div>
        </div>
    </div>
</div>
